<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>photobone 0.1beta</title>

<link rel="stylesheet" href="css/photobone.css" type="text/css" />
<script src="js/slipTo.js" type="text/javascript"></script>
<script src="js/dragdrop.js" type="text/javascript"></script>

<style>
.posFix{
	position:fixed;
	top:20px;
	left:20px;
	background-color:#000033;
}

img:hover{
	cursor:move;
	border:1px solid #999;
}
</style>

</head>

<body>

<div id="holder" style="position:absolute;height:8000px;width:8000px;">
<div id="div0" class=rat style="top:20px;left:90px;">
	<div id="pic0" class="pic"><img src="images/pluto.png"></div>
	<div id="pic1" class="pic"><img src="images/saturn.png"></div>

</div>
 <div id="div1" class="rat" style="top:1000px;left:2000px;background-color:#ffcc00;">DIV ONE</div>

</div> 

<div id="menuDiv" class="menu">
 <span class="menuListing" onmouseup="slipTo(1980,980,80,1,'OUT');">div one</span><br />
 <span class="menuListing" onmouseup="slipTo(0,0,80,1,'OUT');">div zero</span><br />
</div>

<script>

//ratMaster.require;
//dragDrop.initElement('div0');
dragDrop.initElement('div1');
dragDrop.initElement('pic0');
dragDrop.initElement('pic1');

</script>

</body>
</html>
